.pcontent {
    flex-direction: column;
    height: 100vh;
    background: rgba(245, 245, 245, 1);
    >.topNav {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        padding: 0 40px;
        height: 54px;
        box-shadow: 0 8px 15px 0 #E8E8E8;
        background: #fff;

        .navLeft {
            .logo {
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 36px;
                color: #999;
            }

            .title {
                margin-left: 10px;
                flex-direction: column;
                div {
                    align-self: start;
                }
            }
        }

        .navMiddle {
            cursor: pointer;

            >div {
                padding: 0 10px;
                cursor: pointer;

                .anticon {
                    font-size: 18px;
                }

                >div {
                    margin-left: 6px;
                }
                >a{
                    color: rgba(0, 0, 0, 0.65);
                     margin-left: 6px;
                }

                margin: 0 8px;
            }

        }

        .navRight {
            margin-right: 0;
            cursor: pointer;
            color: #999;

            .portrait {
                width: 36px;
                height: 36px;
                display: flex;
                align-items: center;
                justify-content: center;
               
                border-radius: 50%;
                background: #eee;
                >i{
                    font-size: 22px;

                }
            }

            .anticon {
                font-size: 10px;
                color: #aaa;
            }
            >div:last-child{
                margin-left: 4px;
            }
        }
    }

    .main {
        width: 100%;
        flex: 1;
        overflow: auto;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        align-self: start;
        justify-content: start;

        .tableMain {
            flex: 1;
            width: calc(100% - 20px);
            padding: 25px;
            margin: 0 20px 20px 20px;
            flex-direction: column;
            align-self: start;
            align-items: flex-start;
            justify-content: start;
            .ant-table-pagination{
                margin-right: 15px;
            }
           

            .tableSort {
                width: 100%;
                justify-content: space-between;

                .sortMain {

                    input,
                    button {
                        font-size: 12px;
                        margin: 0 5px;
                    }
                    input{
                        border-radius: 16px;
                    }
                    .updateDate {
                        margin: 0 25px;
                    }
                }

            }

            .tableBox2 {
                width: 100%;
                margin-top: 25px;
                background: #fff;
                box-shadow: 1px 2px 1px #ececec;
                div {
                    width: 100%;
                }
                .title {
                    width: 230px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                   
                    justify-content: start;
                    position: relative;
                    font-weight: 550;
                    transition: color 0.1s linear;
                }
                .title:hover{
                    .tmain{
                        cursor: pointer;
                        color: blue;
                    }
                }
                .iconBox {
                    position: absolute;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    .anticon {
                        font-size: 15px;
                        margin: 0 4px;
                        cursor: pointer;
                        transition: all 0.2s linear;
                    }

                    .anticon:hover {
                        color: #1890ff;
                    }
                    .active{
                        color: #1890ff;
                    }
                }

                .operate {
                    align-self: start;
                    justify-content: start;
                    button {
                        height: 28px;
                        padding: 0 11px;
                        margin: 0 5px;
                        outline: none;
                        white-space: nowrap;
                        align-self: start;
                    }
                    button:first-child{
                        color: #2188F0;
                        border: 1px solid #2188F0;
                        
                    }
                    button:first-child:hover{
                        background: #2188F0;
                        color: #fff;
                    }
                    button:nth-child(2){
                        color: #7ED321;
                        border: 1px solid #7ED321;
                    }
                    button:nth-child(2):hover{
                        background: #7ED321;
                        color: #fff;
                    }
                    button:nth-child(3){
                        color: #F5A623;
                        border: 1px solid #F5A623;
                    }
                    button:nth-child(3):hover{
                        background: #F5A623;
                        color: #fff;
                    }
                }
            }
        }
    }
}